<!DOCTYPE html>
<html lang="zh">
<head>
  <th:block th:include="include :: header('模态窗口')" />
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content fadeInRight">
  <div class="row">
    <div class="col-sm-4" th:each="course:${courses}" >
      <div class="ibox ">
        <div class="ibox-title">
          <h5 th:text="${course.name}"></h5>

        </div>
        <div class="ibox-content">
          <p th:text="${course.description}" ></p>
          <div class="text-center">
            <button type="button" class="btn btn-primary" th:onclick="|openDetail(${course.id})|">打开</button>
          </div>


        </div>
      </div>

    </div>

  </div>
</div>
<th:block th:include="include :: footer" />
</body>
<script>
  function openDetail(courseId)
  {
    console.log(courseId);
    window.open("/school/course/student_course_detail?courseId="+courseId)
  }
</script>
</html>
